<script setup>
const props = defineProps({
    text: {type: String, default: '暂无数据'},
    showIcon: {type: Boolean, default: true},
    height: {type: String, default: '100%'},
    img:{type:String,default:''}
})
</script>

<template>
    <view class="box-view" :style="{'height' : height}">
        <image v-if="showIcon" src="@/static/empty.png" mode="aspectFit"/>
        <view>{{ props.text }}</view>
    </view>
</template>

<style scoped>
.box-view {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.box-view > image {
    width: 400rpx;
    height: 308rpx;
    margin-bottom: 16rpx;
}

.box-view > view {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 28rpx;
    color: #909193;
}
</style>
